<template>
	<div class="not-find-wrap">
		<div class="not-find-tips">页面找不到了</div>
		<div class="back-home-wrap" v-if="!is_official"><router-link to="/" class="back-home-a">返回首页</router-link></div>
		<div class="back-home-wrap" v-if="is_official && eng_name"><router-link :to="'/'+eng_name" class="back-home-a">返回大厅</router-link></div>
	</div>
</template>

<script>
	import mixin from '@/mixins/removeLoading'
	export default{
		name:'page404',
		mixins: [mixin],
		metaInfo: {
		  title: '出错啦',
			meta: [{
		    name: 'keywords',
		    content: '1234tv.com、1234tv财经直播、财经直播平台、财经视频、财经直播系统、财经直播间、财经直播视频、财经直播教程'
		  },{
				name: 'description',
				content: '专注互联网财经视频直播服务，致力为金融行业从业者、投资者、财经院校师生提供专业、综合性互联网财经直播服务平台。'
			}],
		},
		data(){
			return{
				is_official: typeof(window.is_official) !== 'undefined' ? window.is_official : false,
				eng_name: typeof(window.eng_name) !== 'undefined' ? window.eng_name : '',
			}
		}
	}
</script>

<style lang='scss'>
	.not-find-wrap{
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right: 0;
		background: url(../../assets/images/404.png) no-repeat center 6.25rem;
		background-size: 20rem 20.81rem;
		.not-find-tips{
			position: absolute;
			bottom: 15.62rem;
			left: 0;
			right: 0;
			text-align: center;
			color: #000;
			font-size: 1.25rem;
		}
		.back-home-wrap{
			position: absolute;
			left: 0;
			right: 0;
			bottom: 3.12rem;
			text-align: center;
			.back-home-a{
				display: inline-block;
				margin: 2.5rem auto 7rem;
				width: 18.75rem;
				height: 3.12rem;
				line-height: 3.12rem;
				text-align: center;
				background-color: #4360F0;
				color: #fff;
				border-radius: 1.56rem;
			}
		}
	}
</style>
